﻿@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/bundles/jquery", "~/bundles/jquery-plugins")
<script type="text/javascript">
    $().ready(function () {
        var submitBtn = $(".submit-button");
        $(".submit-button").hover(function (event) {
            submitBtn.css("background-color", "#3b7cb4");
            submitBtn.css("color", "#fff");
        }, function (event) {
            submitBtn.css("background-color", "#fff");
            submitBtn.css("color", "#333");
        });
    })
</script>
@model WebSiteFool.Models.RegisterExternalLoginModel
<div class="wrapper">
    <hgroup class="title">
    <h2>Associate your @ViewBag.ProviderDisplayName account.</h2>
</hgroup>
    @using (Html.BeginForm("ExternalLoginConfirmation", "Account", new { ReturnUrl = ViewBag.ReturnUrl }))
    {
        @Html.AntiForgeryToken()
        @Html.ValidationSummary(true)

        <fieldset>
            <legend>Association Form</legend>
            <p>
                You've successfully authenticated with <strong>@ViewBag.ProviderDisplayName</strong>.
                Please enter a user name for this site below and click the Confirm button to finish
                logging in.
            </p>
            <ol>
                <li class="name">
                    @Html.LabelFor(m => m.UserName)
                    @Html.TextBoxFor(m => m.UserName)
                    @Html.ValidationMessageFor(m => m.UserName)
                </li>
            </ol>
            @Html.HiddenFor(m => m.ExternalLoginData)
            <input type="submit" value="Register" class="submit-button" style=" background-color:#fff;" />
        </fieldset>
    }
    @section Scripts {
        @Scripts.Render("~/bundles/jqueryval")
    }
</div>
